<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>科室周监测</title>
<style type="text/css">
.rightBorder
{
	border-right:1px dashed #D7D7D7;
}
.center
{
	text-align:center;
}
.margin
{
	margin:10px;
}
.textFont
{
	font-size:12px;
	font-weight: bold;
}
.buttonStyle{
	border-radius: 10px; 
	background:#008000; 
	text-align:center; 
	color:#fff;
	padding:2px 5px;
}
</style>
</head>
<body style = "height:1000px;">
	<div class="textalignCenter"><h3>科室指标周监测</h3></div>
	<div class="container-fluid">
		<!--  提示信息+日期条件  -->
		<div class="row">
			<div class="col-md-3">
				<div>监测数据</div>
				<div>①监测对象:<span class="depName"></span></div>
				<div>②累计监测时间: 截至<span id = "monitorEndTime"></span></div>
				<!-- <div>②累计监测时间: 截至<span id = "year"></span>年<span id = "month"></span>月</div> -->
			</div>
			<div class="col-md-7" >
				<div id="date_div" class=" date_div"  onmouseover="opc1()" onmouseout="opc0()" >
					<img id="search_png" src="images/co_search.png" >
		  			<label for="startDate" >&nbsp;&nbsp;开始日期:</label>
		  			<input id="startDate" type="text" class="form-control" >
		  			<label for="endDate" >&nbsp;&nbsp;截止日期:</label>
		  			<input id="endDate" type="text" class="form-control" >
				</div>
			</div>
		</div>
		<!-- 次均费用 -->
		<div class="row">
			<div class="col-md-12">
				<div><h4 class="main-title">次均费用</h4></div>
			</div>
			<div class="col-md-12">
				<div class = "col-md-3 rightBorder" >
					<div class = "margin">
						当前科室:<span class = "depName"></span>
					</div>
					<div class = "margin">
						所属科室组:<span id = "depGroupName"></span>
					</div>
					<div class = "margin">
						&nbsp;
					</div>
				</div>
				<div class = "col-md-2 rightBorder">
					<div class = "margin">
						目标值差距:<span id="avgCostDiffBenchmark"></span>元
					</div>
					<div class = "margin">
						本期值:<span class="avgCost"></span>元
					</div>
					<div class = "margin">
						目标值:<span id="avgCostBenchmark"></span>元
					</div>
				</div>
				<div class = "col-md-2 rightBorder">
					<div class = "margin">
						累计值差距:<span id="avgCostDiffSum"></span>元
					</div>
					<div class = "margin">
						本期值:<span class="avgCost"></span>元
					</div>
					<div class = "margin">
						累计值:<span id="avgCostSum"></span>元
					</div>
				</div>
				<div class = "col-md-2 rightBorder">
					<div class = "margin">
						同期增长:<span id="avgCostDiffGrow"></span>
					</div>
					<div class = "margin">
						本期值:<span class="avgCost"></span>元
					</div>
					<div class = "margin">
						同期累计值:<span id="avgCostSameAdd"></span>元
					</div>
				</div>
				<div class = "col-md-3">
					<div  class = "center margin">
						反馈信息
					</div>
					<div class = "center margin" style ="color:#428BCA;" id = "response">
					
						<i class="fa fa-pencil"></i>
					</div>
					<div class = "center margin">
						<span class="buttonStyle">发送反馈信息</span>
					</div>
				</div>
				
			</div>
		</div>
		<!-- 出院人数、平均住院日和药占比++患者数-->
		<div class = "row">
			<div class="col-md-6">
				<div><h4 class="main-title">出院人数、平均住院日和药占比</h4></div>
				<div class="col-md-12">
					<div class="col-md-4 center textFont">
						出院病例数
					</div>
					<div class="col-md-4 center textFont">
						平均住院日
					</div>
					<div class="col-md-4 center textFont">
						药占比(%)
					</div>
				</div>
				<div class="col-md-12">
					<div class="col-md-4 rightBorder">
						<div class = "margin">
							本期值:<span id = "outCase"></span>
						</div>
						<div class = "margin">
							累计值:<span id = "outCaseSum"></span>
						</div>
						<div class = "margin">
							&nbsp;
						</div>
					</div>
					<div class="col-md-4 rightBorder">
						<div class = "margin">
							本期值:<span id = "avgDays"></span>
						</div>
						<div class = "margin">
							目标值:<span id = "avgDaysBenchmark"></span>
						</div>
						<div class = "margin">
							累计值:<span id = "avgDaysSum"></span>
						</div>
					</div>
					<div class="col-md-4">
						<div class = "margin">
							本期值:<span id = "drugRatio"></span>
						</div>
						<div class = "margin">
							目标值:<span id = "drugRatioBenchmark"></span>
						</div>
						<div class = "margin">
							累计值:<span id = "drugRatioSum"></span>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div><h4 class="main-title">患者数</h4></div>
					<div class="col-md-6 rightBorder">
						<div class = "margin">
							费用超标患者数:<span id="caseOverTarget"></span>
						</div>
						<div class = "margin">
							费用未超患者数:<span id="caseNotOverTarget"></span>
						</div>
					</div>
					<div class="col-md-6">
						<div class = "margin">
							转入患者数:<span id="caseIn"></span>
						</div>
						<div  class = "margin">
							转出患者数:<span id="caseOut"></span>
						</div>
					</div>
			</div>
		</div>
		<!-- 注释 -->
		<div>
			注:<br/>
			①  目标值差距 = 本期值 - 目标值<br/>
			②  累计差距 = 本期值 - 累计值<br/>
			③  同期增长 = (本期值 - 同期累计值) / 同期累计值
		</div>
	</div>
	
	
	<%--编辑框 --%>
	<div class="modal fade" id="editDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					</button>
					<h4 class="modal-title" id="myModalLabel">提示</h4>
				</div>
				<div class="modal-body">...</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-info" data-dismiss="modal">确定</a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		//日期选择器
		$("#startDate").datetimepicker({
			format : "yyyy-mm-dd",
			autoclose : true,
			todayBtn : true,
			minView : 2,
			language : 'zh-CN'
		});
		$("#endDate").datetimepicker({
			format : "yyyy-mm-dd",
			autoclose : true,
			todayBtn : true,
			minView : 2,
			language : 'zh-CN',
		});
	</script>
<script type="text/javascript" src="js/department/depWeekMonitor.js"></script>
</body>
</html>